<template>
  <div class="user-other-container content-main">
    <p>
      公司:
      {{espaceField(info.company)}}
    </p>
    <p class="ellipsis">
      Github:
      <a target="_blank" :href="info.github || ''">{{espaceField(info.github)}}</a>
    </p>
    <p class="ellipsis">
      个人主页:
      <a target="_blank" :href="info.web || ''">{{espaceField(info.web)}}</a>
    </p>
  </div>
</template>

<script>
export default {
  props: {
    info: {
      type: Object,
      required: true
    }
  },

  computed: {
    espaceField() {
      return function (field) {
        return field ? field : '暂无';
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.user-other-container {
  padding: 20px 15px;
}
</style>